<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
<!-- 新增 -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  	<div class="modal-dialog">
    	<div class="modal-content box box-solid box-primary">
      		<div class="modal-header box-header">
        		<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        		<h4 class="modal-title box-title" id="addModalTitle">Modal title</h4>
      		</div>
      		<div class="modal-body" id="addModalContent"></div>
      		<div class="modal-footer">
        		<button type="button" class="btn btn-primary" id="addButton" name="addButton">保存</button>
        		<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      		</div>
    	</div>
  	</div>
</div>
<!-- 浏览 -->
<div class="modal fade" id="selectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  	<div class="modal-dialog">
    	<div class="modal-content box box-solid box-primary">
      		<div class="modal-header box-header">
        		<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        		<h4 class="modal-title box-title" id="selectModalTitle">信息</h4>
      		</div>
      		<div class="modal-body" id="addModalContent"></div>
      		<div class="modal-footer">
        		<button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
      		</div>
    	</div>
  	</div>
</div>
<!-- 等待 -->
<div class="modal fade" id="waitModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  	<div class="modal-dialog">
    	<div class="modal-content box box-solid box-primary">
      		<div class="modal-header box-header">
      			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        		<h4 class="modal-title box-title" id="waitModalTitle">信息</h4>
      		</div>
      		<div class="modal-body" id="addModalContent"></div>
    	</div>
  	</div>
</div>
<!-- 删除 -->
<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content box box-solid box-danger">
      <div class="modal-header box-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title box-title" id="delModalTitle">信息</h4>
      </div>
      <div class="modal-body" id="delModalContent">

      </div>
      <div class="modal-footer">
      	<button type="button" class="btn btn-danger" id="delButton" name="delButton">确认</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>        
      </div>
    </div>
  </div>
</div>
<!-- 确认 -->
<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content box box-solid box-warning">
      <div class="modal-header box-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title box-title" id="confirmModalTitle">确认信息</h4>
      </div>
      <div class="modal-body" id="confirmModalContent"></div>
      <div class="modal-footer">
      	<button id="confirmButton" name="confirmButton" class="btn btn-warning"  type="button" data-dismiss="modal">确认</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>        
      </div>
    </div>
  </div>
</div>
<!-- 消息展示 -->
<div class="modal fade" id="showSuccessMsgModal"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" align="center"  style="margin-top: 300px;">
  <div id="showMsgModal" class="alert alert-success" style="width: 300px;">操作成功!</div>
</div>
<div class="modal fade" id="showErrorMsgModal" tabindex="9" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" align="center"  style="margin-top: 300px;">
  <div class="alert alert-danger"  style="width: 200px;">错误！请进行一些更改。</div>
</div>
<!-- 文件上传 -->
<div class="modal fade" id="fileUploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  	<div class="modal-dialog">
    	<div class="modal-content box box-solid box-primary">
      		<div class="modal-header box-header">
        		<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        		<h4 class="modal-title box-title" id="fileUploadModelTitle">Modal title</h4>
      		</div>
      		<div class="modal-body" id="fileUploadContent">
      			<form id="uploadForm">
					<label id="uploadInfo" style="color:red; font-weight:bold;"></label>
					<div style="margin-bottom:20px;">
						<input type="file" name="filePathVal" style="margin-right:45%;float:left;" id="filePathVal" />
						<a href="javascript:void(0)" id="templateDownload" style="text-decoration:underline;">模板下载</a>
					</div>
					<p class="help-block" style="margin-bottom:0px;">文件格式：*.xls，*.xlsx</p>
					<p class="help-block" style="margin-bottom:0px; margin-top:0px;">导入文件不能超过4M!</p>
				</form>
      		</div>
      		<div class="modal-footer">
        		<button type="button" class="btn btn-primary" id="uploadButton" name="addButton">确定</button>
        		<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      		</div>
    	</div>
  	</div>
</div>
